body {

    padding: 0;
    margin: 0;
    background: #fff;
    font: Arial, Helvetica, san-serif;

    color: #3B73B9;
}

#document {

    color: #3B73B9;
    width: 95%;
    margin: 0 50px;
}

#header {
    height: 65px;
}

#logo {
    float: left;
    width: 60px;
    height: 60px;
}

#title {
    float: left;
    margin-left: 5px;
    width: 490px;
    font-weight: bold;
    padding: 20px 0 0 0;

}

#navTop {
    padding: 0 0 0 260px;

    height: 50px;
    border: 1px solid #333;
}

ul {

    border: 1px solid #00f;
    height: 20px;

}

#navTop ul li {
    list-style-type: none;
    float: left;
    border: 1px solid #00f;
}

#mainBox {
    width: 100%;
    margin: 0 0 0 -260px;
    float: right;

}

#content {
    margin-left: 260px;

}

#sideBar {
    width: 260px;

    float: left;
}

#sideBar ul li {
    list-style-type: none;
}

#footer {
    background-color: black;
    color: white;

    text-align: center;

}

html, body, #container {
    height: 100%;
}

body > #container {
    height: auto;
    min-height: 100%;
    margin: 0 50px;
}

#content {
    padding-bottom: 60px;
}

#footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 60px;
    margin-top: -60px;
}



